<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>修改信息</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="statics/css/font-awesome.min.css">
    <link rel="stylesheet" href="statics/css/style.css">
    <link rel="stylesheet" href="statics/css/login.css">
    <link rel="stylesheet" href="statics/css/main.css">
    <link rel="stylesheet" href="statics/css/iview.css">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="statics/libs/html5shiv.min.js"></script>
    <script src="statics/libs/respond.min.js"></script>
    <![endif]-->
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?4656e49e8efa9f2ad6868ea26fb8984c";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <style>
        .has-feedback{
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }
    </style>
</head>
<body class="signin hold-transition login-page">
<h1 style="padding-left: 20px"><font color="#f0f8ff" > < </font> </h1>
<div class="loginscreen animated fadeInDown signinpanel" id="loginBox" v-cloak>
    <div class="row" style="border-top:0px;margin: auto">
        <div class="col-md-7">
            <Card class="m-t text-center" style="background: rgba(109, 109, 109, 0.23);border: 0px solid #dddee1;">
                <h1 style="padding: 0 20px 20px 20px;margin: auto" >修改信息</h1>
                <div class="form-group has-feedback" style="padding-top: 20px">
                    <span>账号：</span> <i-input v-model="username" placeholder="账号" style="width: 60%;" />
                </div>
                <div class="form-group has-feedback" style="padding-top: 20px">
                    密码： <i-input v-model="password"  style="width: 60%;"
                                 placeholder="密码"/>
                </div>
                <div class="form-group has-feedback" style="padding-top: 20px">
                    新密码： <i-input v-model="newPassword"  style="width:60%;"
                                  placeholder="新密码"/>
                </div>
                <div class="form-group has-feedback" style="padding-top: 20px">
                    确认新密码： <i-input v-model="newPassword1"  style="width: 60%;"
                                    placeholder="确认新密码"/>
                </div>
                <div class="form-group has-feedback" style="padding-top: 20px">
                    手机： <i-input v-model="phone" style="width:60%;"
                                 placeholder="手机"/>
                </div>
                <div style="padding-top: 20px">
                    <i-button type="primary"  style="width: 90%;" @click="update">修改</i-button>
                </div>
            </Card>
        </div>
    </div>
</div>
</body>
<script src="statics/libs/jquery.min.js"></script>
<script src="statics/libs/vue.min.js"></script>
<script src="statics/libs/iview.min.js"></script>
<script src="statics/libs/bootstrap.min.js"></script>
<script src="statics/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script src="statics/libs/fastclick.min.js"></script>
<script type="text/javascript">
    var vm = new Vue({
        el: '#loginBox',
        data: {
            username: "admin",
            password: "8888",
            newPassword: "8888",
            newPassword1: "8888",
            phone: "152901515",
        },
        methods: {
            update(){
                $.ajax({
                    type: "POST",
                    url: "sys/login",
                    data: data,
                    dataType: "json",
                    success: function (result) {
                        if (result.code == 0) {//登录成功
                            parent.location.href = 'index.html';
                        } else {
                            vm.refreshCode();
                            iview.Message.error(result.msg);
                        }
                    }
                });
            }
        }
    });
</script>
</html>
